<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/userdetail.css">
    <link rel="stylesheet" href="./css/page.css">
    <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>


    <!-- <script src="./js/userDetail.js"></script> -->
    <title>Document</title>
</head>

<body>
    <!-- <input type="file"> -->
    <!-- 个人信息 -->
    <div class="aaaa">
        <div class="card">
            <div class="card-head">
                <span class="AA">PERSONAL</span>
                <!-- <img src="./imges/4509939773a58a76525d212196600e0a.jpeg" alt=""> -->
                <div class="cover"></div>
                <div class="menu">
                    <img src="./imges/retutn.png" alt="" class="return">
                </div>


                <div class="name">
                    <span class="last">用户名：</span>
                    <span class="first">密码：</span>
                    <span class="t">手机号:</span>
                    <span class="f">邮箱:</span>
                    <span class="ff">注册时间:</span>
                </div>
            </div>
        </div>
    </div>


    <!-- 添加框 -->
    <div class="model">
        <section class="model-main">
            <div class="content">
                <div class="a">用户名:
                    <input type="text" name="" id="usn" class=""></div>
                <div class="b">密&nbsp;&nbsp;&nbsp;&nbsp;码:
                    <input type="text" name="" id="ps"></div>
                <div class="c"> 手机号:
                    <input type="text" name="" id="phone"></div>
                <div class="d">邮&nbsp;&nbsp;&nbsp;&nbsp;箱:
                    <input type="text" name="" id="email"></div>
                <div class="e">头&nbsp;&nbsp;&nbsp;&nbsp;像:
                    <input type="file" name="" id="head">
                    <img src="" alt="" id="pl" style="width: 50px;">
                </div>
                <div class="f">新密码:
                    <input type="text" name="" id="newps"></div>
                <button class="tijiao">提交</button> <button class="guanbi">关闭</button>

            </div>

        </section>
    </div>

    <!-- admin下拉列表 -->
    <ul class="admin">
        <li>图片管理</li>
        <li>周边</li>
        <li>相关推荐</li>
    </ul>



    <section class="section">
        <p class="yourname">admin</p><img src="./imges/down.png" class="rej"></span>
    </section>
    <div class="all">
        <div class="top-nav">
            <span>FHL-Admin</span><img src="./imges/hanbao.png" alt="" class="hanbao">
            <img src="./imges/useraa.png" alt="">

        </div>
        <div class="left-nav">

            <ul id="aa">
                <li id="shouye"><img src="./imges/hed.png" alt=""> <span>首页</span> </li>
                <li class="li color"> <img src="./imges/u1.png" alt=""><span>用户管理</span><img src="./imges/jian.png" alt="" class="img">

                    <ol class="lio">
                        <li class="oli"><img src="./imges/jiantou1.png" alt=""> <span> 用户管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/manhua.png" alt=""><span>漫画管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="lio" id="yp">
                        <li class="oli"><img src="./imges/jiantou1.png" alt=""><span id='zh'>漫画管理列表</span> </li>
                        <li class="po"><img src="./imges/jiantou1.png" alt=""><span id="pers">漫画人物管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/liuyan11.png" alt=""><span>留言管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="lio">
                        <li class="oli"><img src="./imges/jiantou1.png" alt=""><span>留言管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/super.png" alt=""><span>超级管理员</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="lio" id="oiu">
                        <li class="oli"><img src="./imges/jiantou1.png" alt=""><span>超级管理员管理列表</span> </li>
                    </ol>
                </li>
                <li class="logout"><img src="./imges/tui.png" alt=""> <span>退出</span> </li>
            </ul>
        </div>
        <div class="container">
            <div class="search-box">
                <input type="text" class="search-txt" placeholder="搜索用户名" id="sada">
                <a href="javascript:;" class="search-btn">
                    <img src="./imges/se.png" alt="">
                </a>

            </div>
            <!-- <button class="look"><img src="./imges/add.png" alt=""><span>新增</span> </button> -->

            <div class="user">
                <table class="userDetail" id="table">


                </table>
                <div class="yeye">
                    <ul class="pagination">
                        <!-- <li class="material-icons page-btn page-btn-prev"><img src="./imges/箭头-左.png" alt=""></li>
                        <li class="page-number">1</li>
                        <li class="material-icons page-dot page-dot-prev">...</li>
                        <li class="page-number">5</li>
                        <li class="page-number active">3</li>
                        <li class="page-number">8</li>
                        <li class="material-icons page-dot page-dot-next">...</li>
                        <li class="page-number">10</li>
                        <li class="material-icons page-btn page-btn-next isclick"> <img src="./imges/箭头-右.png" alt=""></li> -->

                    </ul>
                </div>

            </div>


        </div>

    </div>



    <script src="./js/user.js"></script>
    <script src="./js/user_2.js"></script>
    <script src="./js/page.js"></script>

</body>

</html>